
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta name="robots" content="all,follow" />
<meta name="description" content="..." />
<meta name="keywords" content="..." />
<!--  <link rel="index" href="./" title="Home" /> -->

<link rel="stylesheet" media="screen,projection" type="text/css" href="<c:url value='/css/mainForOtherPages.css' />" />
<link rel="stylesheet" media="print" type="text/css" href="<c:url value='/css/print.css' />" />
<link rel="stylesheet" media="aural" type="text/css" href="<c:url value='/css/aural.css' />" />
<link rel="stylesheet" type="text/css" href="<c:url value='/css/tcal.css' />" />
<link rel="stylesheet" type="text/css" href="<c:url value='/css/button.css' />" />	
<link rel="stylesheet" type="text/css" href="<c:url value='/css/viewresource.css'/>" />
<link rel="stylesheet"  type="text/css" href="<c:url value='/css/uploadPopup.css' />" />
<link rel="stylesheet" type="text/css" href="<c:url value='/css/jquery.qtip.css' />" />

<script type="text/javascript" src="<c:url value='/js/tcal.js' />"></script>
<script type="text/javascript" src="<c:url value='/js/userResourceList.js' />"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/json/json-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/connection/connection-min.js"></script>
<script type="text/javascript" src="<c:url value='/js/tooltips.js' />"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script src="<c:url value='/js/qtip.js' />" type="text/javascript"></script>
<script type="text/javascript" src="<c:url value='/js/jquery.qtip.js' />"></script>

<script type="text/javascript">
function emptyTopSearchBox() {
	
	document.getElementById("search-input").value = "";
}

function deleteResource(pid, rid) {
	$.ajax({
		type : "GET",
		traditional : true,
		url : "/ProjectBox/search/" + pid + "/delete",
		async : false,
		data : "rid= " + rid + "",
		dataType : null,
		success : function(data) {
		//	alert("success");
		},error : function() {
			alert("error");
		}
	});
	location.reload();
}
</script>

<title>ProjectBox</title>
<script type="text/javascript">
		putUserResources("<c:url value='/resourceList'/>");
</script>

<title>ProjectBox</title>
</head>
<body>
	<!-- Main -->
	<div id="main" class="box">

		<!-- Header -->
		<div id="header">

			<!-- Logotyp -->
			<img alt="" src="<c:url value='/design/logo.png'/>" class="logo" />
			<hr class="noscreen" />


			<!-- Quick links -->
			<div class="noscreen noprint">
				<p>
					<em>Quick links: <a href="#content">content</a>, <a
						href="#tabs">navigation</a>, <a href="#search">search</a>.
					</em>
				</p>
				<hr />
			</div>


			<!-- Search -->
			<div id="search" class="noprint">
				<form action="<c:url value='/search/doSearch'/>" method="GET">
					<fieldset>
						<legend>Search</legend>
						<label><span class="noscreen">Find:</span> <span
							id="search-input-out"><input type="text"
								id="search-input" name="search-input" size="30" value="Search Projects" onclick="javascript:emptyTopSearchBox()"/> </span> </label> 
								<input type="image" src="<c:url value='/design/search_submit.gif' />" id="search-submit" ALT="Submit Form" border="0" value=”Submit”/>
					</fieldset>
				</form>
			</div>
			<!-- /search -->

		</div>
		<!-- /header -->

		<!-- Main menu (tabs) -->
		<div id="tabs" class="noprint">

			<h3 class="noscreen">Navigation</h3>
			<ul class="box">
				<li><a href="<c:url value='/announcement'/>">Announcements<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
				<li><a href="<c:url value='/myproject'/>">Projects<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
				<li id="active"><a href="<c:url value='/search'/>">Search<span class="tab-l"></span><span
						class="tab-r"></span>
				</a></li>
				<!-- Active -->
				<li><a href="<c:url value='/rule' />">Rules<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
			</ul>
			
			<div  class="f-right" style="margin-right:20px; margin-bottom:20px; font-weight: bold; color: #FF9000;">
				Hi, ${user.firstName} ${user.lastName} | <a href="<c:url value='/logout' />">Logout</a>
			</div>
			
			<hr class="noscreen" />
		</div>
		<!-- /tabs -->

		<!-- Page (2 columns) -->
		<div id="page" class="box">
			<div id="page-in" class="box">

				<!-- Content -->
				<div id="content">

					<!-- Article -->
					<div class="article">
						<h2>
							<span>Search Results For: ${searchString}</span>
						</h2>
						<table class="zeroborder_table" width="483px" style='table-layout: fixed'>
							<tbody id='contentList'>
							<c:choose>
								<c:when test="${resultProjectList != null }">
									<c:forEach var ="project" items="${resultProjectList}" varStatus="counter">
										<tr>
											<td class="zeroborder_nowrap" valign="middle" align="absmiddle" style="font-size: 8pt">
												<a href="<c:url value='/project/${project.id}' />">
												<c:choose>
													<c:when test="${project.privacy}">
														<img class="privateProject" src="<c:url value='/images/private.png' />" alt="Private" width="30" height="30" align="absmiddle" />
													</c:when>
													<c:otherwise>
														<img class="publicProject" src="<c:url value='/images/public.png' />" alt="Public" width="30" height="30" align="absmiddle" />
													</c:otherwise>
												</c:choose>
												</a></td>
											
					                        <td class="zeroborder_wrap_name" valign="middle" align="absmiddle" style="font-size: 8pt">${project.name}</td>
					                        <td class="zeroborder_wrap_name" valign="middle" align="absmiddle" style="font-size: 8pt">${project.manager.username}</td>
					                        <c:choose> 
					                        <c:when test="${project.userStatus == null and project.mid != user.id }">

					                        	<td class="zeroborder_table" width="83px" vertical-align="middle">   

						                    	<a href="<c:url value='/project/request?pid=${project.id}' />">
                        							<c:choose>
            										<c:when test="${project.privacy}">
            											<!-- request -->
            											<img class="request" src="<c:url value='/design/request.png' />" alt="Request" width="30" height="30" align="absmiddle" />
                        							</c:when>
                        							<c:otherwise>
                        								<!-- join -->
                        								<img class="joinMe" src="<c:url value='/design/joinMe.png' />" alt="Join" width="30" height="30" align="absmiddle" />
                        							</c:otherwise>
                        							</c:choose>
                        						</a>
                        						</td>    
					                        </c:when>
					                        <c:otherwise>
					                        	<c:choose>
					                        	<c:when test="${(project.mid == user.id or project.userStatus eq 'granted')}">
					                        		<!-- view project -->
					                        		<td class="zeroborder_nowrap_js" width="83px" vertical-align="middle">
					                        		<a href="<c:url value='/project/${project.id}' />">
					                        			<img class="viewResource" src= "<c:url value='/design/resources.png' />" alt="View Resources" width="30" height="30" align="absmiddle" />
													</a>
					                        		</td>
					                        	</c:when>
					                        	<c:otherwise>
					                        		<!-- pending -->
					                        		<td class="zeroborder_nowrap_js"><${project.userStatus}</td>
					                        	</c:otherwise>
					                        	</c:choose>
					                        </c:otherwise>  
					                        </c:choose>
					                    </tr>
									</c:forEach>
								</c:when>
							</c:choose>

								<c:choose>
									<c:when test="${resultResourceList != null}">
										<c:forEach var="resource" items="${resultResourceList}" varStatus="counter">
											<tr>
												<td class="zeroborder_nowrap"><a href="<c:url value='/project/${project.id}/download?rid=${resource.id}' />">
													<img src="<c:url value='/images/${resource.type}.png' />" alt="Resource" height="20" width="18" /></a>
												</td>

												<td class="zeroborder_wrap_name" valign="middle"
													align="absmiddle">
													<div align="left" align="absmiddle">
														<a href="<c:url value='/project/${resource.pid}/download?rid=${resource.id}' />">
															<span id="reso${counter.index}">${resource.name}</span></a>
														<input type="hidden" id="resobox${counter.index}" 
                        									onchange="changeName('reso${counter.index}','resobox${counter.index}', ${resource.pid}, 0, ${resource.id});" class="finput" />
													</div>
												</td>

												<td class="zeroborder_wrap_author">
													<div align="center">
														<a href="<c:url value='/project/${resource.project.id}' />">${resource.project.name}
													</div>
												</td>

												<td class="zeroborder_wrap_date"><div
														align="center" align="absmiddle">
													<script language="Javascript">
														nd = new Date(${resource.timeModified});
														var month = nd.getMonth() + 1;
														var day = nd.getDate();
														var year = nd.getFullYear();
														var hour = nd.getHours() % 12;
														var min = nd.getMinutes();
														document.write(month + "/" + day + "/" + year + "<br/>");
														
														if (hour == 0) {
															document.write("12");
														} else {
															document.write(hour);
														}
														
														document.write(":");
														
														if (min < 10) {
															document.write("0" + min);
														} else {
															document.write(min);
														}
														
														if (nd.getHours() >= 12) {
															document.write(" PM");
														} else {
															document.write(" AM");
														}
													</script>
													</div></td>

												<td class="zeroborder_wrap_author">
													<div align="center">${resource.owner.firstName }</div></td>
												<td class="zeroborder_nowtop">
													<div align="center">
														<a href="<c:url value='/project/${resource.pid}/download?rid=${resource.id}' />">
														<img class="downloadFile" src="<c:url value='/images/download.png' />" alt="Download" width="18" height="20" align="absmiddle" /></a>
													</div>
												</td>

												<c:choose>
													<c:when
														test="${resource.uid == user.id or project.mid == user.id}">
														<td class="zeroborder_nowtop"><div
																align="center">
																<a href="javascript: clickRename('reso${counter.index}','resobox${counter.index}');">
																	<img class="renameF" src="<c:url value='/images/rename.png' />" alt="Rename" width="16" height="19" />
																</a>
															</div></td>
															<td class="zeroborder_nowtop"><div align="center">
																<a href="javascript: deleteResource('${resource.pid}','${resource.id}');">
																	<img class="deleteF" src="<c:url value='/images/trash.png' />" alt="Delete" width="18" height="20" align="absmiddle"  />
																</a></div>
															</td>								
													</c:when>
													<c:otherwise>
														<td class="zeroborder_nowrap"><div align="center"></div></td>
														<td class="zeroborder_nowrap"><div align="center"></div></td>
													</c:otherwise>
												</c:choose>
											</tr>
										</c:forEach>
									</c:when>
								</c:choose>
							</tbody>
						</table>
					</div>
					<!-- /article -->

					<hr class="noscreen" />
				</div>

				<!-- /content -->
				<!-- Right column -->
				<div id="col" class="noprint">
					<div id="col-in">

						<!-- Category -->
						<h3>Projects</h3>

						<ul id="category">
							<li><a href="<c:url value='/newproject' />">Create
									Project</a></li>
							<li><a href="<c:url value='/myproject' />">My Projects</a></li>
							<li><a href="<c:url value='/contribute' />">Contributed
									Projects</a></li>
							<li><a href="<c:url value='/project' />">Other Projects</a>
							</li>
						</ul>

						<hr class="noscreen" />

						<!-- Archive -->
						<h3>
							<span>Latest Resources</span>
						</h3>
					</div>
					<!-- /col-in -->
				</div>
				<!-- /col -->

			</div>
			<!-- /page-in -->
		</div>
		<!-- /page -->
		<!-- Footer -->
		<div id="footer">
			<div id="top" class="noprint">
				<p>
					<span class="noscreen">Back on top</span> <a href="#header"
						title="Back on top ^">^<span></span>
					</a>
				</p>
			</div>
			<hr class="noscreen" />

			<p id="createdby">
				created by <a href="http://www.nuvio.cz">Nuvio | Webdesign</a>
				<!-- DON´T REMOVE, PLEASE! -->
			</p>
			<p id="copyright">
				&copy; 2012 <a href="mailto:mss.projectbox@gmail.com">ProjectBox Team</a>
			</p>
		</div>
		<!-- /footer -->

	</div>
	<!-- /main -->
	<script src="<c:url value='/js/resource.js' />" type="text/javascript"></script>
	<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() 
{	
	loadToolTips("<c:url value='/dummyUrl'/>");
});

</script>
</body>
</html>